/*
====================================================================================================
	Reset
====================================================================================================
*/

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;background:transparent;vertical-align:central;-webkit-text-size-adjust:none; font-family:'微軟正黑體',Arial,Helvetica,sans-serif}article,aside,figure,footer,header,hgroup,nav,section{display:block}img,object,embed{max-width:100%;border:0}html{overflow-y:scroll}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}table{border-collapse:collapse;border-spacing:0;width:100%}th{font-weight:bold}td{font-weight:normal}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle;outline:0}pre{white-space:pre;white-space:pre-wrap;white-space:pre-line;word-wrap:break-word}input[type="radio"],input[type="checkbox"]{vertical-align:middle}.ie6 input{vertical-align:text-bottom}select,input,textarea{font:99% sans-serif}small{font-size:85%}strong,th{font-weight:bold}sub,sup{font-size:75%;line-height:0;position:relative}sup{top:-0.5em}sub{bottom:-0.25em}pre,code,kbd,samp{font-family:monospace,sans-serif}.clickable,label,input[type=button],input[type=submit],button{cursor:pointer}label{vertical-align:middle}button,input,select,textarea{margin:0}button{width:auto;overflow:visible}.ie7 img{-ms-interpolation-mode:bicubic}* img{vertical-align:middle}.ie6 html{filter:expression(document.execCommand("BackgroundImageCache",false,true))}body{font-size:12px}body,select,input,textarea{color:#000}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none;outline:0;color:#333;transition:  all .20s linear}a:hover{color:#F00}a:link{-webkit-tap-highlight-color:#fcd700}a:hover,a:active{outline:0}::-moz-selection{background:#09F;color:#fff;text-shadow:none}::selection{background:#09F;color:#fff;text-shadow:none}ins{background-color:#fcd700;color:#000;text-decoration:none}mark{background-color:#fcd700;color:#000;font-style:italic;font-weight:bold}.clearfix:before,.clearfix:after{content:"";display:block;height:0;overflow:hidden}.clearfix:after,.clear{clear:both}.clearfix,.clear{zoom:1} ul ,li{ list-style-position:inside;}

/*****
固定樣式
*****/

.txtL{ text-align:left;}
.txtR{ text-align:right;}
.txtC{ text-align:center;}
.color-r{ color:#f00;}

/*
====================================================================================================
	Css
====================================================================================================
*/

body{ font-size:21px; box-sizing:content-box; margin:0 auto; overflow:hidden; background:no-repeat center top #000}
#straight{ width:1060px; height:1850px; background-image:url(../images/straight/bg.jpg); padding:10px 20px 20px 10px;}
#straight #header{ background:url(../images/straight/header-bg.jpg) no-repeat right -6px; height:280px; width:1060px; margin:0 auto; overflow:hidden; }
#straight .logo{ width:186px; height:280px; display:inline-block;}
#straight .search-box{  width:783px; height:280px; float:right; margin-top:10px; padding-right:45px; position:relative;}
#straight .vr{ height:241px;  width:25px; padding:0 10px; top:-13px; right:0; padding-top:45px; }
#straight .vr span{ display:block; }
#straight .search-select input.serach-btn{ width:185px; height:52px; background-image:url(../images/straight/search.png); }
#straight .main-box{ width:1060px; height:1570px; }
#straight div.fancy-select div.trigger{ width:157px; margin-right:5px;}
#straight div.fancy-select ul.options{ width:200px;}
#straight .search-select > label , #straight .fancy-select{ float:left;}


div.fancy-select div.trigger{ background-color:#828282; color:#000; font-size:21px; font-weight:100;}
div.fancy-select ul.options li{ font-size:21px; font-weight:100;}
div.fancy-select ul.options li.selected{ background-color:#1467c7;}

.vr{ background-color:#fff;overflow:hidden;position:absolute;font-size:15px; text-align:center; vertical-align:middle; }
.search-box h2{ font-size:25px; text-align:center;}

.btn-box{ position:relative; height:44px; line-height:44px; vertical-align:middle;}
.btn-box a{ position:absolute; left:2px; top:2px; display:block; vertical-align:top; font-size:0; width:150px;}
.btn-box a.right-btn{ left:auto; right:2px;}
.search-title{ background-color:#000; color:#fff; font-size:27px; text-align:center; margin:3px 0; height:44px; line-height:44px; vertical-align:middle;}
.search-title > img{ margin:-8px 0 0 10px;}
.gray-bg{ height:50px; width:182px; margin-right:5px; background-color:#828282; display:inline-block; border-radius:5px; line-height:50px; vertical-align:middle;}
.search-select{ padding:0 2px;}
.search-select label{ padding-left:10px;}
.search-select input{ width:105px; border:none; border-bottom:3px solid #fff; color:#fff; background-color:#828282; padding:5px;}
.search-select select{ background:url(../images/arrow-down.png) no-repeat 152px center #828282; cursor:pointer;}
.search-select ::-webkit-input-placeholder { color:#fff; }
.search-select ::-moz-placeholder { color:#fff; } /* firefox 19+ */
.search-select :-ms-input-placeholder { color:#fff; } /* ie */
.search-select input:-moz-placeholder { color:#fff;}
.search-select input.serach-btn{ border:none; background: no-repeat center top;text-indent:-999px;}
.search-list{ width:701px; height:113px; padding:0 41px; margin-top:5px; position:relative;}
.search-list > div{ width:701px; height:90px; overflow:hidden; padding-top:10px;}
.search-list > a{ position:absolute; top:0;}
.search-list > a.prev-btn{ left:2px;}
.search-list > a.next-btn { right:2px;}
.search-list > div > ul > li{ display:block; float:left; width:190px; height:31px; line-height:31px; vertical-align:middle; background:url(../images/arrow.png) no-repeat left center; padding-left:30px; margin:0 13px 17px 0;}
.search-list > div > ul > li a{ display:block; height:31px; line-height:31px; width:100%; vertical-align:middle; overflow:hidden;text-overflow : ellipsis;  white-space : nowrap;}
.main-box{margin:10px auto; box-shadow:5px 5px 5px rgba(0,0,0,.5); background-color:#000; position:relative; overflow:hidden;}
.page-arrow{text-align: center;position: absolute;bottom: 0;width: 100%;padding: 5px;}

#vert{ width:1080px; height:1860px; background-image:url(../images/transverse/bg.jpg); position:relative; padding: 7px 10px; margin:0;}

#transverse{ width:1900px; height:1066px; background-image:url(../images/transverse/bg.jpg); background-size: 1940px 1080px; position:relative; padding: 7px 10px; margin:0;}
#transverse #header{ background:url(../images/transverse/header-bg.jpg) no-repeat right top #fff; height:1040px; width:287px; margin:0 auto; position:absolute; right:10px; top:7px;}
#transverse .logo{ height:134px;}
#transverse .search-box{ height:756px; margin:15px; margin-left:0px;}
#transverse .vr{ height:46px; line-height:46px; vertical-align:middle; text-align:center; bottom:0; width:247px;}
#transverse .vr span{ display:inline-block; margin-left:5px; }
#transverse .search-select input.serach-btn{ width:224px; height:74px; background-image:url(../images/transverse/search.png); margin-left:15px;}
#transverse .main-box{ width:1600px; height:1040px; float:left; margin:0; }
#transverse .search-box h2 { padding-top:10px;}
#transverse .search-box h2 span{ display:block; font-size:12px;}
#transverse .btn-box{ height:73px; vertical-align:middle; line-height:150%;}
#transverse .btn-box a{ width:56px;}
#transverse .search-select label {width:243px; padding-left:10px; margin-bottom:5px;}
#transverse .search-select select {width:253px; padding-left:10px; margin-bottom:5px; background:url(../images/arrow-down.png) no-repeat 223px center #828282;}
#transverse .search-select input{ width:170px;}
#transverse .search-list{ width:228px; height:375px; padding:42px 0; margin:5px auto 0; position:relative;}
#transverse .search-list > div{ width:100%; height:355px; overflow:hidden; padding-top:10px;}
#transverse .search-list > a.next-btn{ top:auto; bottom:0;}
#transverse .search-list > div > ul > li , #transverse .search-list > div > ul > li a{ width:200px;}
#transverse .search-list > div > ul > li { margin-bottom:15px;}
#transverse div.fancy-select div.trigger{ width:216px; margin-bottom:5px; background-color:#828282; color:#000;}
#transverse div.fancy-select ul.options{ width:251px;}


/******* 內頁開始 ***********/
.main-box.search{ background-color:#e8e8ea;}
.main-box.search > div{ margin:20px;}
.m-search-title{ border-bottom:1px #828282 solid; font-size:45px; background:url(../images/search.png) no-repeat left 10px; padding:40px 0 10px 120px;}
.close-btn{ position:absolute; right:10px; top:10px;}
.select-table td{ width:28%; padding:15px 1%}
.select-table td+td{ width:70%;padding: 15px 0;}
.select-table h3{font-size:20px !important;}
#straight .select-table td{ width:35%;}
#straight .select-table td+td{ width:51%;}
.m-search-main{ font-size:28px;}
.m-search-main > h2{ font-size:45px;}

.main-box.map{ background-color:#fff;}
.main-box.map > div{ padding:15px;}
.map-list{ font-size:0; margin-top:10px;}
.map-list li{ display:inline-block; width:16%; margin-right:10px; font-size:28px; margin-bottom:10px; overflow:hidden;line-height: 28px;}
.map-list li a{ color:#333; vertical-align:middle; word-wrap:break-word; width:100%; height:100%;overflow:hidden; display:block;text-overflow : ellipsis;}
.map-list li a > img{ margin-right:5px;}
{ height:774px;}
.map-list2 li{ width:24%; height:70px; margin-right: 1%; font-size:14px;}
/***.map-list2 li a:before{ content:'．';}**remove this line, it's nouse ****/

.store{ background-color:#fff;}
.store > div{ padding:25px 10px;}
.soter-logo , .score-main{ float:left; margin-bottom:10px;}
.soter-logo{ width:266px; margin-right:20px;text-align:center;}
.soter-logo > img.qrcode{ margin-top:20px;width:200px;}
.score-main{ width:670px; height:500px; overflow:hidden;}
.score-main h1{ font-size:45px; padding:0;margin:0;}
.score-main h2{ font-size:24px !important;}
.score-main p { font-size:16px;line-height:22px;margin-bottom:10px;}
.store-map{ width:620px; float:right;}
.store-map img { width:620px; height:480px; float:right;}
#straight .store-map{ width:927px; height:722px; line-height:722px; vertical-align:middle; text-align:center; float:none; overflow:hidden; padding-top:40px;}
#straight .store-map-list ul{ font-size:0; width:927px; padding:0; margin: 20px 0 0;}
#straight .store-map-list ul li { display:inline-block; width:24%; margin:10px 0.5%; text-align:center; height:160px; vertical-align:middle; line-height:160px; text-align:center; background-color:#efefef;}
#straight .main-box.store > div{ width:927px; margin:30px auto;}
.store-img-list{ font-size:0;}
.no-point { list-style:none !important;}


/*** 29個 寬度***/
.main-box > div { overflow:hidden;}
.movie-box video{ width:100%; height:100%;}
.m-box > div , div.rung , div.movie-box { overflow:hidden;}
.mm-box a { color: #FFF;}
.mm-box a:link { -webkit-tap-highlight-color:#Fcd700;}
.mm-box a:hover{ color:#f00; }

#transverse .main-box > div.mm-box{ width:100%; height:100%;}
#transverse .main-box > div.mm-box , #transverse .main-box > div.mm-box .movie-box{float:left;}
#transverse .main-box > div.mm-box div.m-box{ float:left;}
#transverse .m-box.rung{ width:100%; height:80px;}
#transverse .m-box{ width:462px; height:100%;}
#transverse .m-box.two-img > div{ width:100%; height:50%;}
#transverse .m-box.thr-img{ width:100%; height:100%;}
#transverse .m-box.thr-img > div{ width:100%; height:344px;}
#transverse .m-box.thr-img > div+div{ height:348px;}
#transverse .m-box.thr-img > div.s-thr-box{ height:230px;}
#transverse .m-box.thr-img > div.b-thr-box{ height:458px;}
#transverse .mm-box .movie-box{ width:1138px; height:100%;}
#transverse .mm-box.thr .movie-box{ width:1292px; height:100%;}
#transverse .mm-box.no-right .movie-box{ width:100%; height:100%;}
#transverse .main-box > div.btn-list-box{ width:100%; height:890px;}

#transverse .main-box > div.mm-rung-box{ width:100%; height:960px;}
#transverse .mm-rung-box .m-box{ width:426px; height:100%;}
#transverse .mm-rung-box.thr .m-box{ width:284px;}
#transverse .mm-rung-box .m-box.thr-img > div{ height:320px; width:100%;}
#transverse .mm-rung-box .m-box.thr-img > div.s-thr-box{ height:192px;}
#transverse .mm-rung-box .m-box.thr-img > div.b-thr-box{ height:448px;}
#transverse .mm-rung-box .movie-box{ width:1174px; height:100%;}
#transverse .mm-rung-box.thr .movie-box{ width:1316px; height:100%;}

#straight .m-box{ width:100%; height:462px;}
#straight .m-box.two-img > div{ float:left; width:50%; height:100%;}
#straight .m-box.thr-img{ width:100%; height:308px;}
#straight .m-box.thr-img > div{ float:left; width:352px; height:100%;}
#straight .m-box.thr-img > div+div{ width:354px;}
#straight .m-box.thr-img > div.s-thr-box{ width:212px;}
#straight .m-box.thr-img > div.b-thr-box{ width:496px;}
#straight .m-box.thr-img > div.b-thr-box+div.s-thr-box+div{ width:352px;}
#straight .m-box.rung{ width:100%; height:80px;}
#straight .movie-box{ height:1108px; width:100%;}
#straight .thr .movie-box{ height:1262px;}
#straight .run .movie-box{ height:1490px;}
#straight .run-m .movie-box{ height:1028px;}
#straight .run-thr .movie-box{ height:1182px;}
#straight .no-right .movie-box{ height:100%;}
#straight .btn-list-box .movie-box{ height:1420px;}

.btn-list{ clear:both;}
.btn-list ul{ font-size:0; height:150px;}
.btn-list li{ display:inline-block; font-size:32px; width:22.5%; margin:5px 1%;}
.btn-list a{
padding:10px; text-align:center; display:block; width:100%; height:50px; border-radius:10px 10px 0 0;
color:#000;
background: #5ea501; /* Old browsers */
background: -moz-linear-gradient(top,  #5ea501 0%, #bcd824 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5ea501), color-stop(100%,#bcd824)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #5ea501 0%,#bcd824 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #5ea501 0%,#bcd824 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #5ea501 0%,#bcd824 100%); /* IE10+ */
background: linear-gradient(to bottom,  #5ea501 0%,#bcd824 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5ea501', endColorstr='#bcd824',GradientType=0 ); /* IE6-9 */
}

.no-point{
    list-style-type:none;
}

.time , .weather{ width:95%; margin:10px auto; box-shadow:1px 1px 7px 0px rgba(0,0,0,0.3); text-align:center; color:#FFF;}
.s-time > div{ float:left; width:33%;}
.s-weather > div{ float:left; width:50%;min-height:73px;background-color:#FFF;color:#A9A9A9;}
.b-weather {
	margin-bottom: 10px;
}

.time{ background-color:#e75544; color:#FFF;min-height: 320px;}
.weather{ background-color:#00BFFF;border-radius: 10px;}
/*** 拿來分區塊的顏色，套完請拿掉吧~感恩 ***/
/*
.m-box{background-color:#900; }
.two-img > div{ background-color:#039;}
.two-img > div+div{ background-color:#000;}
.thr-img > div{ background-color:#090;}
.thr-img > div+div{ background-color:#0C0;}
.thr-img > div+div+div{ background-color:#0F0;}
*/