﻿#bg{width:100%; padding:90px 0px 0px 0px; position:relative; left:0px; top:0px; z-index:1; background:#f5f5f5}
.youtube_box {width:100%; height:0px; padding-bottom:56%; position:relative; margin-top:10px; margin-bottom:40px;}
.youtube_box iframe{width:100%; height:100%; position:absolute;}
#top_box01 {width:100%;min-width:1280px; background:rgba(255,255,255,0.95); position:fixed; top:0px; left:0px; z-index:9990; padding:10px 30px; height:90px; text-align:left;font-family: 'Montserrat', sans-serif;}
#top_box01 a#logo {display:inline-block;height:70px;position:relative;}
#top_box01 a#logo img{height:50px; width:auto; margin-top:10px;}
#top_box01a {display:block; float:right; text-align:right; width:700px; text-align:right; font-family:"微軟正黑體"; font-size:16px; line-height:70px;}
#top_box01a a{display:inline-block; margin-right:1.5em}
#left_box01 {width:360px; position:fixed; display:block; height:100%; overflow-y:auto; background:#ffffff; font-family:"微軟正黑體"; font-size:16px; z-index:9999; left:-360px; top:0px;
-webkit-box-shadow: #aaaaaa 0px 0px 5px;
-moz-box-shadow: #aaaaaa 0px 0px 5px;
box-shadow: #aaaaaa 0px 0px 5px;
behavior: url(pie/PIE.htc);}
#left_box01 #close_btn {display:inline-block; width:100%; height:90px; line-height:90px; padding:0px 40px 0px 40px; background:#424b5d; color:#e5e5e5;font-family: 'Montserrat', sans-serif;}
#left_box01 #close_btn img{width:18px; height:auto; margin:0px 10px 0px 0px}
#left_box01 #close_btn:hover{color:#ffffff}
#left_box01 #left_box01a{width:100%;padding:0px 40px 0px 40px; min-height:65%}
#left_box01 #left_box01a h3{display:block; border-bottom:1px solid #e5e5e5; padding:0px}
#left_box01 #left_box01a a{display:block; padding:20px 0px 20px 0px}
#left_box01 #left_box01b{width:100%;padding:40px 40px 0px 40px;}
#left_box01 #left_box01b a{display:block; padding:0px 0px 0px 0px; color:#a4a4a4; font-size:15px; height:40px; line-height:40px;}
#left_box01 #left_box01b a:hover{color:#757575}
#left_bg{position:fixed;top:0;z-index:9999;width:100%;height:100%;margin:0 auto;background-color:rgba(0,0,0,0);	display:none;}
.index_box02 {width:100%; list-style:none; padding:0px 0px 0px 0px; display:table; background:#f2f2f2}
.index_box02a{width:50%; display:table-cell;padding:0px 0px 0px 0px;}
.index_box02b{width:50%; display:table-cell;padding:8% 10%; vertical-align:top; color:#404040; font-family:"微軟正黑體"; font-size:15px; line-height:2.0}
.index_box02b p{display:block; margin:0px 0px 10% 0px}
.index_box02b b{font-family:Arial, Helvetica, sans-serif; font-size:28px; font-weight:bold; display:inline-block; padding:0px 10px 0px 0px}
.index_box02b span{color:#999999}
.index_box02b a{display:inline-block;color:#ffffff; background:#434343; text-align:center; font-size:15px; font-weight:bold; padding:15px 0px; width:200px; line-height:1.0; margin:5% 0px 0px 0px;}
.index_box02b a:hover{background:#323232}
.index_box02_a {background:#f9f9f9}
.index_box03 {width:100%; list-style:none; background:#ffffff; padding:70px 0px 70px 0px}
.index_box03 li{width:1250px; margin:0px auto; overflow:hidden;}
.index_box03a {font-family:"微軟正黑體"; font-size:22px; color:#535353; font-weight:bold; overflow:hidden}
.index_box03a a{display:inline-block; float:right; padding:10px 20px;-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border:1px solid #cdcdcd;
behavior: url(pie/PIE.htc); position:relative; vertical-align:middle; font-size:15px;}
.index_box03a a:hover{color:#FFFFFF; background:#555555; border:1px solid #555555}
.index_box03a i{color:#aaaaaa; font-family: 'Bitter', serif;; font-size:15px; display:block; margin:5px 0px 0px 0px; font-weight:normal}
.index_box03b {display:block; padding:20px 0px 0px 0px}
.index_box03b a{display:inline-block; width:31.3333%; color:#565656;  margin:1% 1% 1% 1%; padding:10px;vertical-align:top; text-align:center;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: #cccccc 0px 0px 8px;
-moz-box-shadow: #cccccc 0px 0px 8px;
box-shadow: #cccccc 0px 0px 8px;;
behavior: url(pie/PIE.htc); position:relative; overflow:hidden}
.index_box03b a b{width:100%; padding:10px 5px 10px 5px; display:block; font-family:"微軟正黑體"; font-size:15px;}
.index_box03b a:hover{color:#000;-webkit-box-shadow: #cccccc 0px 0px 13px;
-moz-box-shadow: #cccccc 0px 0px 13px;
box-shadow: #cccccc 0px 0px 13px;;
behavior: url(pie/PIE.htc); position:relative; overflow:hidden}
#down_box01 {width:100%; list-style:none; background:rgba(0,0,0,0.9)}
#down_box01 li{width:1250px; margin:0px auto; padding:10px 10px 10px 10px; font-family:Arial, Helvetica, sans-serif; font-size:13px; text-align:left; color:#979797; overflow:hidden; line-height:24px;}
#down_box01 a{color:#e5e5e5}
#down_box01 div{display:block; float:right; text-align:right; vertical-align:middle}
#down_box01 div a{display:inline-block; width:24px; height:24px; margin:0px 0px 0px 24px;color:transparent; vertical-align:middle}
#down_box01 div a img{width:100%; height:auto}
.share-fb {background:url(../images/symbol/facebook.png); background-repeat:no-repeat; background-position:center; background-size:cover}
.share-google {background:url(../images/symbol/google.png); background-repeat:no-repeat; background-position:center; background-size:cover}
.share-plurk {background:url(../images/symbol/plurk.png); background-repeat:no-repeat; background-position:center; background-size:cover}
.share-twitter {background:url(../images/symbol/twitter.png); background-repeat:no-repeat; background-position:center; background-size:cover}
.about_box01 {width:100%; list-style:none; padding:70px 0px 0px 0px; display:table; }
.about_box01a {width:1250px; margin:0px auto}
.about_box01b {width:100%; overflow:hidden; color:#404040; font-family:"微軟正黑體"; font-size:15px; line-height:2.0; margin:0px 0px 70px 0px;}
.about_t01{font-family:"微軟正黑體"; font-size:22px; color:#535353; font-weight:bold; padding:0px 0px 5px 0px; margin:0px 0px 20px 0px; border-bottom:1px solid #dedede}
a#language_btn{position:absolute; left:100px; color:#93c5ff; top:10px; text-align:center;}
a#language_btn:hover{color:#93c5ff;}
#language_box01 {width:360px; position:fixed; display:block; height:100%; overflow-y:auto; background:#ffffff; font-family:"微軟正黑體"; font-size:16px; z-index:9999; left:-360px; top:0px;
-webkit-box-shadow: #aaaaaa 0px 0px 5px;
-moz-box-shadow: #aaaaaa 0px 0px 5px;
box-shadow: #aaaaaa 0px 0px 5px;
behavior: url(pie/PIE.htc);}
#language_box01 #language_close_btn {display:inline-block; width:100%; height:90px; line-height:90px; padding:0px 40px 0px 40px; background:#424b5d; color:#e5e5e5;font-family: 'Montserrat', sans-serif;}
#language_box01 #language_close_btn img{width:18px; height:auto; margin:0px 10px 0px 0px}
#language_box01 #language_close_btn:hover{color:#ffffff}
#language_box01 #language_box01a{width:100%;padding:0px 40px 0px 40px; min-height:65%}
#language_box01 #language_box01a a{display:block; border-bottom:1px solid #e5e5e5; padding:20px 0px 20px 0px}
#language_box01 #language_box01a a#language_box01a_y{display:block; border-bottom:1px solid #e5e5e5; padding:20px 0px 20px 0px; color:#93c5ff; font-weight:bold;}
#language_bg{position:fixed;top:0;z-index:9999;width:100%;height:100%;margin:0 auto;background-color:rgba(0,0,0,0);	display:none;}

/*------NEWS------*/
#wapper {width:1250px; margin:70px auto; overflow:hidden;}
#news_list {width:100%;}
#news_list ul{display:inline-block; width:47%; padding:0px 5px 20px 5px; margin:10px 1.5%; list-style:none; overflow:hidden; vertical-align:top; border-bottom:1px solid #d5d5d5}
#news_list ul li:nth-child(odd){width:25%; float:left; }
#news_list ul li:nth-child(odd) img{width:100%; height:auto;position:relative; 
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
behavior: url(pie/PIE.htc);}
#news_list ul li:nth-child(even){width:75%; float:right; padding:0px 0px 0px 2%; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:1.0; color:#838383; font-size:12px;}
#news_list ul li:nth-child(even) a{display:block; font-family:"微軟正黑體"; margin-bottom:10px; font-size:16px; color:#161616; line-height:1.5}
#news_t01 {display:block; width:100%; list-style:none; padding:50px 0px; position:relative;}
#news_t01 #news_t01a{font-family: 'Montserrat', sans-serif; font-size:16px; color:#999999; margin:10px 0px 30px 0px;}
#news_t01 #news_t01b{font-family:"微軟正黑體"; font-size:22px; font-weight:bold; color:#404040}
#news_t01::before {content: "";width: 40px;height: 1px;background-color: #cccccc;position: absolute;top: 10px}
#news_img{margin:40px 0px 40px 0px; display:block; width:100%;}
#news_img a{display:inline-block; width:18%; margin:10px 1%; height:0px; line-height:0px; padding-bottom:18%; background-position:center; background-repeat:no-repeat; background-size:cover;
-webkit-border-radius: 6%;
-moz-border-radius: 6%;
border-radius: 6%;
behavior: url(pie/PIE.htc);position:relative}
a.back_btn01{display:block;color:#ffffff; background:#434343; text-align:center; font-size:15px; font-weight:bold; padding:15px 0px; width:200px; line-height:1.0; margin:0px auto; }
a.back_btn01:hover{background:#323232}
#room_list {width:100%; overflow:hidden}
#room_list a{display: inline-block;
width: 31.3333%;
color: #565656;
margin: 1% 1% 1% 1%;
padding: 10px;
vertical-align: top;
text-align: center;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: #cccccc 0px 0px 8px;
-moz-box-shadow: #cccccc 0px 0px 8px;
box-shadow: #cccccc 0px 0px 8px;
behavior: url(pie/PIE.htc);
position: relative;
overflow: hidden;}
#room_list p{display:block; width:100%; height:0px; padding-bottom:67%; position:relative; background-repeat:no-repeat; background-position:center; background-size:cover}
#room_list div{padding:20px 30px; font-size:13px; font-family:Arial, Helvetica, sans-serif; line-height:1.7; color:#787878}
#room_list b{width: 100%;
padding: 10px 5px 10px 5px;
display: block;
font-family: "微軟正黑體";
font-size: 15px;}
#room_t01 {display:block; width:100%; padding:0px 0px 20px 0px; margin:0px 0px 20px 0px; text-align:center; list-style:none;}
#room_t01 li{font-family:"微軟正黑體"; font-size:22px; font-weight:bold; color:#959595 }
#room_t01 li::before {content: '〝 '}
#room_t01 li::after {content: ' 〞'}
#video_list {width:100%;}
.video_box01 {display:inline-block; width:25%; vertical-align:top; padding:10px; }
.video_box02 {display:block; width:100%; list-style:none}
.video_box02 .video_box02a{display:block; width:100%;}
.video_box02 .video_box02a img{width:100%; height:auto}
.video_box02 .video_box02b{display:block; width:100%; border:1px solid #e0e0e0}
.video_box02b .video_box02b01{display:block; padding:10px; color:#000000;font-family:"微軟正黑體"; font-size:14px;  line-height:1.5;}
.video_box02b .video_box02b02{display:block; padding:7px 10px; color:#aaa; font-family:'Montserrat', sans-serif; font-size:12px;border-top:1px solid #e0e0e0}
.contact_t01{color: #434343; display:block;margin-bottom: 30px; text-align:center;font-family:"微軟正黑體";font-size: 15px;line-height: 2.0;}
.contact_box01 {display:block; width:100%; padding:0px; margin-top:30px;color: #161616; font-family:"微軟正黑體";-webkit-font-smoothing: antialiased;font-smoothing: antialiased;word-wrap: break-word;font-size: 15px;letter-spacing: 0.1em;line-height: 1.8;}
.contact_box01 .contact_box01a{display:inline-block; width:50%; padding:0px 15px;position: relative;min-height: 1px; vertical-align:top}
.contact_box01 .contact_box01b{display:block; width:100%; padding:0px 15px;position: relative;min-height: 1px;}
.contact_box01a .contact_box02,.contact_box01b .contact_box02{position: relative; padding-top: 15px;    padding-bottom: 20px;margin-bottom: 15px;}
.contact_box02 input{ font-family:"微軟正黑體";-webkit-transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);display: block;width: 100%;height: 34px;padding: 8px 12px 8px 0px;font-size: 14px;line-height: 1.5;color: #333333;background:none; border:0px; border-bottom: 2px solid #dddddd; -webkit-appearance: textfield;-webkit-rtl-ordering: logical;-webkit-user-select: text;}
.contact_box02 textarea{  font-family:"微軟正黑體";   resize: none;    text-rendering: auto;
    overflow: hidden;
    height: 40px;webkit-transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    display: block;    width: 100%;     padding: 8px 12px 8px 0px;    font-size: 14px;    line-height: 1.5;    color: #333;  background:none;
    border: none;    border-bottom: 2px solid #dddddd;
	    -webkit-appearance: textarea;
    -webkit-rtl-ordering: logical;
    -webkit-user-select: text;
    flex-direction: column;
    white-space: pre-wrap;
    word-wrap: break-word;}
.contact_box02 label{position: absolute;left: 0px;top: 15px;color: #838383;font-weight: normal;
    -webkit-transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44)}
.contact_box02 label small{color: #b6afbb !important;}
.contact_box02 input:focus,.contact_box02 textarea:focus{border-bottom:3px solid #06a3ea}
.contact_box02 input:focus+label,.contact_box02 textarea:focus+label{top:-15px; font-size:14px; color:#06a3ea}

